<template>
  <dw-page-warpper :flex="true">
    <div class="left">
      <dw-toolbar></dw-toolbar>
    </div>
    <div class="right">
      <datasource-select-dialog> </datasource-select-dialog>
    </div>
  </dw-page-warpper>
</template>
<script setup lang="ts">
import DwToolbar from './components/toolbar.vue';
import DatasourceSelectDialog from './components/datasource-select-dialog.vue';

defineOptions({
  name: 'DataSource',
});
</script>
<style lang="scss" scoped>
.left {
  width: 280px;
  height: 100%;
  background-color: #fff;
  box-shadow: #fff;
}
.right {
  width: calc(100% - 285px);
  height: 100%;
  background-color: #fff;
  box-shadow: #fff;
}
</style>
